<template>
  <div>
    <!-- <nav-header :headerTitle="'邀请好友'" :navBgColor="'#FD7903'" :navMainColor="'#fff'"></nav-header>
    <div class="nav-height"></div> -->
    <div class="vpage">
      <img src="@/assets/images/bannerImg/banner_img1.jpg" alt="">
      <img src="@/assets/images/bannerImg/banner_img2.jpg" alt="">
      <img src="@/assets/images/bannerImg/banner_img3.jpg" alt="">
      <div class="footer" @click.stop="inviteFris">邀 请 好 友</div>
    </div>
  </div>
</template>
<script>
import Vue from "vue";
// import navHeader from "@/components/NavHeader"; 
import mixin from "@/utils/mixin"; 
export default {
  name: "bannerInvite",
  mixins: [mixin],
  components: {
    // navHeader
  },
  data() {
    return { 
    };
  },
  mounted() { 
    this.$setgoindex() ; 
  },
  methods: {
    // 邀请好友
    inviteFris(){ 
      this.$bridge.callHandler("inviteFriends",  {}, res => {
        console.log(res); 
      });
    }
  }
};
</script>

<style scoped lang="scss">
.vpage { 
  width:100%;
  padding-bottom: 100px;
    background: #FD7903;
  img{
    width: 100%;
  }
  .footer{
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-family: PingFangSC-Medium;
    font-size: 34px;
    font-weight: 700;
    color: #FF2525;
    text-align: center;
    background: #FFC601;
    word-spacing: 5px;
    position: fixed;
    bottom: 0;
    left: 0;
  }
}
</style>
